.my_toast {
    box-sizing: border-box;
    padding: 30rpx;
   position: absolute;
   z-index: 1000;
   max-width: 70%;
   background: rgba(40, 40, 40, 0.75);
   left: 0;
   right: 0;
   top: 35%;
   margin: 0 auto;
   color: #fff;
   text-align: center;
   font-size: 30rpx;
   border-radius: 12rpx;
}

.popUp {
    width: 100%;
    height: 100%;
    background-color: rgba(40, 40, 40, 0.55);
    left: 0;
    top: 0;
    z-index: 200;
    overflow: hidden;
    position: absolute;
    display: block;
    .header {
        width: 446rpx;
        height: 278rpx;
        margin: 0 auto;
        display: block;
        margin-top: 150rpx;
    }
    .container {
        margin: 0 auto;
        width: 446rpx;
        box-sizing: border-box;
        padding: 20rpx 32rpx 20rpx;
        background-color: #fff;
        color: #fff;
        .couponlist {
            .couponItem {
                width: 382rpx;
                height: 116rpx;
                background-size: cover;
                margin-bottom: 16rpx;
                display: flex;
                flex-direction: row;
                justify-content: space-around;
                align-items: center;
                &:nth-of-type(odd) {
                    background-image: url("");
                }
                &:nth-of-type(even) {
                    background-image: url("");
                }
                .left {
                    width: 146rpx;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    height: 100%;
                    view:first-child {
                        font-size: 52rpx;
                        height: 100%;
                        line-height: 116rpx;
                    }
                    view:last-child {
                        font-size: 20rpx;
                        line-height: 130rpx;
                        height: 100%;
                        padding-left: 12rpx;
                    }
                }
                .right {
                    box-sizing: border-box;
                    width: 236rpx;
                    height: 100%;
                    padding: 24rpx 16rpx;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    view:first-child {
                        font-size: 24rpx;
                    }
                    view:last-child {
                        font-size: 18rpx;
                    }
                }
            }
        }
        .check{
            width: 382rpx;
            height: 56rpx;
            font-size: 30rpx;
            background-color: #ffea00;
            color: #ff971c;
            text-align: center;
            line-height: 56rpx;
           
            border-radius: 12rpx;
            text{
                font-weight: bolder;
            }
        }
       
    }
    .bottom{
        width: 446rpx;
        height: 20rpx;
        margin: 0 auto;
        display: block;
        margin-bottom: 88rpx;
    }
    .close{
       
        width: 64rpx;
        height: 64rpx;
        margin: 0 auto;
        display: block
    }
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }